@model IEnumerable<GottaGottaScrum.Models.WorkItem>
@{
    ViewBag.Title = "Scrum Board";
}
<nav style="-webkit-user-select: none;">
	<ul>
		<li><a id="add" href="#">New</a></li>
		<li><a id="save" href="#">Save</a></li>
	</ul>
</nav>
<section id="content" style="z-index: 1;"></section>
<canvas id="myCanvas" style="top: 0pt; left: 0pt; position: absolute; z-index: -1"></canvas>
<div style="display: none">
    <div id="data">
        <label for="tfstitle">
            Title:
            <input type="text" id="tfstitle" />
        </label>
        <label for="tfsHoursWorked">
            Hours Worked:
            <input type="text" id="tfsHoursWorked" />
        </label>
        <label for="tfsDescription">
            Description:
            <input type="text" id="tfsDescription" />
        </label>
    </div>
</div>
<script src="@Url.Content("~/js/libs/jquery-1.5.1.min.js")"></script>
<script src="@Url.Content("~/js/libs/fancybox/jquery.fancybox-1.3.4.pack.js")"></script>
<script src="@Url.Content("~/js/gottagottascrum.js")"></script>
<script>
@foreach (var item in Model) {
       <text>app.addWithData(@item.Id, '@item.Title', '@item.State');</text>
       }
</script>
